
// 用户名
if (localStorage.getItem('token')) {
    var token = localStorage.getItem('token')
    $.ajax({
        type: "get",
        url: "http://120.48.109.174:8081/user",
        async: true,
        headers: {
            "authorization": token
        },
        success: function (res) {
            // $('.header__aside>span').html(`${res.body.nickname}`)
        }
    })
}



// 切换登录
$('.change_login_type').click(function () {
    return $('.fade').click(), $('.btn-login').click()
})

// 密码可见
$('.password-view').click(function () {
    if ($('.password').eq($('.password-view').index(this)).attr('type') != 'text') {
        $('.password').eq($('.password-view').index(this)).attr('type', 'text')
    } else {
        $('.password').eq($('.password-view').index(this)).attr('type', 'password')
    }
})

// 注册
$('.zhuce').click(function () {
    var phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
    if (phone.test($('#phone').val())) {
        if ($('#password').val()) {
            if ($('#password').val() == $('#again').val()) {
                if ($('.checkbox input').prop('checked')) {
                    $.ajax({
                        type: "post",
                        url: "http://120.48.109.174:8081/user/registered",
                        async: true,
                        data: {
                            "username": $('#phone').val(),
                            "password": $('#password').val()
                        },
                        success: function (res) {
                            if (res.status == 200) {
                                $('#register_result h4').html('注册成功')
                                $('.modal').hide().removeClass('in')
                                $('.modal-backdrop').hide()
                            }
                            if (res.status == 400) {
                                $('#register_result h4').html('注册用户名已被注册')
                            }
                        }
                    })
                } else {
                    $('.error').removeClass('error')
                    $('.login_error').html('请勾选以上协议')
                }
            } else {
                error('#again', '两次密码不一致')
            }
        } else {
            error('#password', '请输入密码')
        }
    } else {
        error('#phone', '请输入有效的手机号码')
    }
})

// 登录
$('.load').click(function () {
    var phone = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
    if (phone.test($('#tel').val())) {
        if ($('#mm').val()) {
            $.ajax({
                type: "post",
                url: "http://120.48.109.174:8081/user/login",
                async: true,
                data: {
                    "username": $('#tel').val(),
                    "password": $('#mm').val()
                },
                success: function (res) {
                    if (res.status == 200) {
                        $('#login_result h4').html('登陆成功')
                        $('.modal').hide().removeClass('in')
                        $('.modal-backdrop').hide()
                        var token = res.body.token
                        $.ajax({
                            type: "get",
                            url: "http://120.48.109.174:8081/user",
                            async: true,
                            headers: {
                                "authorization": token
                            },
                            success: function (res) {
                                localStorage.setItem('token', token)
                                $('.welcome').html(`${res.body.nickname}`)
                            }
                        })
                    }
                    if (res.status == 400) {
                        $('#login_result h4').html('用户名或密码错误')
                    }
                }
            })
        } else {
            error('#mm', '请输入密码')
        }
    } else {
        error('#tel', '请输入有效的手机号码')
    }
})



// 搜索框
$('.search__button').click(function(){
    localStorage.setItem('area',$('.search__input').val())
    window.location.href='../html/sources.html'
})

// 位置
var city = localStorage.getItem('area')
$('.bread__nav').html(`
<p class="bread__nav__wrapper oneline">
            <a href="javascript:;">${city}贝壳网</a>&nbsp;&gt;&nbsp;
        </p>
        <h1>
            <a href="javascript:;">${city}租房</a>
        </h1>
`)
$('.content__title>a').html(`${city}租房`)





$.ajax({
    type: "get",
    url: `http://120.48.109.174:8081/area/info?name=${city}`,
    async: true,
    success: function (res) {
        var cityValue = res.body.value
        getHouse(cityValue)
        // 区域栏
        $.ajax({
            type: "get",
            url: `http://120.48.109.174:8081/area?id=${cityValue}`,
            async: true,
            success: function (res) {
                $.each(res.body, function (i, item) {
                    $('.area').append($(`
                    <li>
                        <a href="javascript:;">${item.label}</a>
                    </li>
                    `).addClass('filter__item--level2 clickdata').attr('data-value', item.value))
                })
            }
        })

        // 区域
        $('.area').on('click', 'li', function () {
            $('.area li').removeClass('strong')
            $(this).addClass('strong')

        })



        // 租金
        $('.check').click(function () {
            if ($(this).hasClass('checked')) {
                $(this).removeClass('checked')
            } else {
                $(this).addClass('checked')
            }
        })



        // 清空条件
        $('#clearUrl').click(function () {
            $('.area li').removeClass('strong')
            $('.area li').eq(0).addClass('strong')
            $('.check').removeClass('checked')
        })


        // 排序方式
        $('.content__filter li').click(function () {
            $('.content__filter li').removeClass('content__filter--selected')
            $(this).addClass('content__filter--selected')
        })
    }
})


// 渲染
function getHouse(cityValue,areaValue,price){
    $.ajax({
        type: "get",
        url: `http://120.48.109.174:8081/houses?cityId=${cityValue}`,
        async: true,
        success: function (res) {
            $('.content__title--hl').html(res.body.count)
            $.each(res.body.list,function(i,item){
            $('.content__list').append($('<div></div>').addClass('content__list--item')
            .append($('<a href="../html/xqpage.html"></a>').addClass('content__list--item--aside').attr('data-code',item.houseCode)
            .append($(`<img alt='${item.title}' src='http://120.48.109.174:8081${item.houseImg}'>`)))
            .append($('<div></div>').addClass('content__list--item--main')
            .append($('<p></p>').addClass('content__list--item--title').html(`<a>${item.title}</a>`))
            .append($('<p></p>').addClass('content__list--item--des').html(`<a>${item.desc}</a>`))
            .append($('<p></p>').addClass('content__list--item--bottom oneline'))
            .append($('<span></span>').addClass('content__list--item-price').html(`<em>${item.price}</em>元/月`))))
            $.each(item.tags,function(index,item){
                $('.content__list--item--bottom').eq(i).append($(`<i>${item}</i>`))
            })
            })
        }
    })
}


$('.content__list--item--aside').click(function () {
    location.replace("../html/xqpage.html")
//  window.location.href("./html/xqpage.html")
})
